<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,maximum-scale=1,minimun-scale=1">
	<title>案例3的里面一个</title>
	<link rel="stylesheet" type="text/css" href="../web-lib/bootstrap/dist/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="../web-lib/css/base.css">
	<link rel="stylesheet" type="text/css" href="css/index2.css">
</head>
<body data-spy="scroll" data-target="#id-ul-3">

<header class="public-head">
	<nav class="topbar">
		<div class="container">
			<div class="navbar-header">
      			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        			<span class="sr-only">Toggle navigation</span>
        			<span class="icon-bar"></span>
        			<span class="icon-bar"></span>
        			<span class="icon-bar"></span>
      			</button>
      			<a class="navbar-brand" href="#">
      				<img src="img/logo.png">
      			</a>
    		</div>
    		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    			<ul class="nav navbar navbar-right">
    				<li><a href="#">首页</a></li>
    				<li><a href="#">签证指南</a></li>
    				<li><a href="#">签证加急</a></li>
    				<li><a href="#">签证服务</a></li>
    				<li><a href="#">签证资讯</a></li>
    				<li><a href="#">资料下载</a></li>
    			</ul>
    		</div>
		</div>
	</nav>
</header>

<section class="mianbao">
	<div class="container">
		<ol class="breadcrumb">
  			<li><a href="#">首页</a></li>
  			<li><a href="#">签证指南</a></li>
  			<li class="active">签证类型</li>
		</ol>
	</div>
</section>

<section class="MainBody">
	<div class="container">
		<div class="row">
			<div class="col-sm-3">
				<div class="cezuo-slider">
					<ul class="ul-1">
						<li data-mess="签证类型概述">
							<a href="#">签证类型</a>
							<ul class="ul-2">
								<li data-mess="签证类型概述">
									<a href="#">签证类型概述</a>
									<ul class="ul-3" id="id-ul-3">
										<li><a href="#list-1">概述1</a></li>
										<li><a href="#list-2">概述2</a></li>
										<li><a href="#list-3">概述3</a></li>
									</ul>
								</li>
								<li><a href="#">第二层</a></li>
								<li><a href="#">第二层</a></li>
								<li><a href="#">第二层</a></li>
								<li><a href="#">第二层</a></li>
							</ul>
						</li>
						<li>
							<a href="#">第一层</a>
							<ul class="ul-2">
								<li>
									<a href="#">第二层</a>
									<ul class="ul-3">
										<li><a href="#">第三层</a></li>
										<li><a href="#">第三层</a></li>
										<li><a href="#">第三层</a></li>
									</ul>
								</li>
								<li><a href="#">第二层</a></li>
								<li><a href="#">第二层</a></li>
								<li><a href="#">第二层</a></li>
								<li><a href="#">第二层</a></li>
							</ul>
						</li>
						<li>
							<a href="#">第一层</a>
							<ul class="ul-2">
								<li>
									<a href="#">第二层</a>
									<ul class="ul-3">
										<li><a href="#">第三层</a></li>
										<li><a href="#">第三层</a></li>
										<li><a href="#">第三层</a></li>
									</ul>
								</li>
								<li><a href="#">第二层</a></li>
								<li><a href="#">第二层</a></li>
								<li><a href="#">第二层</a></li>
								<li><a href="#">第二层</a></li>
							</ul>
						</li>
						<li>
							<a href="#">第一层</a>
							<ul class="ul-2">
								<li>
									<a href="#">第二层</a>
									<ul class="ul-3">
										<li><a href="#">第三层</a></li>
										<li><a href="#">第三层</a></li>
										<li><a href="#">第三层</a></li>
									</ul>
								</li>
								<li><a href="#">第二层</a></li>
								<li><a href="#">第二层</a></li>
								<li><a href="#">第二层</a></li>
								<li><a href="#">第二层</a></li>
							</ul>
						</li>
						<li>
							<a href="#">第一层</a>
							<ul class="ul-2">
								<li>
									<a href="#">第二层</a>
									<ul class="ul-3">
										<li><a href="#">第三层</a></li>
										<li><a href="#">第三层</a></li>
										<li><a href="#">第三层</a></li>
									</ul>
								</li>
								<li><a href="#">第二层</a></li>
								<li><a href="#">第二层</a></li>
								<li><a href="#">第二层</a></li>
								<li><a href="#">第二层</a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
			<div class="col-xs-12 col-sm-9">
				<div class="MessShow">
					<div class="MessShow-tt clearfix">
						<h4>签证类型概述</h4>
						<span>United States</span>
					</div>
					<div class="MessShow-bd">
						<div class="public-showlist" id="list-1">
							<div class="public-showlist-tt">
								<h4>概述1</h4>
							</div>
							<div class="public-showlist-bd">
								<p>一般来说，想要入境美国的外国公民必须首先获得签证，其中非移民签证用于临时居留，而移民签证用于永久居住。符合豁免签证计划的国家公民可免签入境，但在去美国之前须通过旅游授权电子系统(ESTA)获得授权。</p>
								<p>如不符合豁免签证计划，或以学习、工作、参加交流项目或其他不属于B类签证的目的为由出行美国，则需申请非移民签证。</p>
								<p>签证并非入境美国的保障。它仅表明美国签证官确认您有资格因特定目的申请入境。</p>
							</div>
						</div>
						<div class="public-showlist" id="list-2">
							<div class="public-showlist-tt">
								<h4>概述2</h4>
							</div>
							<div class="public-showlist-bd">
								<p>一般来说，想要入境美国的外国公民必须首先获得签证，其中非移民签证用于临时居留，而移民签证用于永久居住。符合豁免签证计划的国家公民可免签入境，但在去美国之前须通过旅游授权电子系统(ESTA)获得授权。</p>
								<p>如不符合豁免签证计划，或以学习、工作、参加交流项目或其他不属于B类签证的目的为由出行美国，则需申请非移民签证。</p>
								<p>签证并非入境美国的保障。它仅表明美国签证官确认您有资格因特定目的申请入境。</p>
							</div>
						</div>
						<div class="public-showlist" id="list-3">
							<div class="public-showlist-tt">
								<h4>概述3</h4>
							</div>
							<div class="public-showlist-bd">
								<p>一般来说，想要入境美国的外国公民必须首先获得签证，其中非移民签证用于临时居留，而移民签证用于永久居住。符合豁免签证计划的国家公民可免签入境，但在去美国之前须通过旅游授权电子系统(ESTA)获得授权。</p>
								<p>如不符合豁免签证计划，或以学习、工作、参加交流项目或其他不属于B类签证的目的为由出行美国，则需申请非移民签证。</p>
								<p>签证并非入境美国的保障。它仅表明美国签证官确认您有资格因特定目的申请入境。</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<section class="new-more">
	<div class="container">
		<div class="new-more-tt">
			<h4>更多疑问 全面解答</h4>
		</div>
		<div class="new-more-bd">
			<p>资深美签专家在线为您解答所有疑惑</p>
			<a href="#">免费咨询</a>
		</div>
	</div>
</section>

<footer class="footer-part"> 
	<div class="footer-part-top">
		<div class="container">
			<div class="col-xs-6 col-sm-2">
				<div class="footer-list">
					<dl>
						<dt>常用工具</dt>
						<dd>电码查询</dd>
						<dd>护照追踪</dd>
						<dd>资料下载</dd>
					</dl>
				</div>
			</div>
			<div class="col-xs-6 col-sm-2">
				<div class="footer-list">
					<dl>
						<dt>常用工具</dt>
						<dd>电码查询</dd>
						<dd>护照追踪</dd>
						<dd>资料下载</dd>
					</dl>
				</div>
			</div>
			<div class="col-xs-6 col-sm-2">
				<div class="footer-list">
					<dl>
						<dt>常用工具</dt>
						<dd>电码查询</dd>
						<dd>护照追踪</dd>
						<dd>资料下载</dd>
					</dl>
				</div>
			</div>
			<div class="col-xs-6 col-sm-2">
				<div class="footer-list wechat-list">
					<div class="footer-list-pic">
						<img src="img/wechat.png" class="img-responsive">
					</div>
					<div class="footer-list-mess">
						<p>微信号:1888888</p>
					</div>
				</div>
			</div>
			<div class="col-xs-12 col-sm-4">
				<div class="footer-list call-list">
					<h2><img src="img/pc-footer-phone.png">010-64648731</h2>
					<h2><img src="img/pc-footer-qq.png">010-64648731</h2>
					<h2><img src="img/pc-footer-mob.png">010-64648731</h2>
				</div>
			</div>
		</div>
	</div>
	<div class="footer-part-bot">
		<div class="container">
			<p class="footer-part-p1">Copyright &copy 2006-2017 clantrip.com All Rights Reversed. 中岚签证<a href="#">京ICP备16015317号</a></p>
			<p class="footer-part-p2">
				<img src="img/ghs.png">
				<a href="#">京公网安备 11010102002687号</a>
			</p>
		</div>
	</div>
</footer>



<script src="../web-lib/jquery/dist/jquery.js"></script>
<script src="../web-lib/bootstrap/dist/js/bootstrap.js"></script>
<script src="../web-lib/effect/LiftEffect.js"></script>
<script src="js/index2.js"></script>
</body>
</html>